<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <!--以上3个meta标签 必须 放在最前面，任何内容都 必须 放在后面-->
    <title>7.5Bootstrap基础导航栏</title>
    <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<!--navbar:导航栏 设置nav元素为导航条组件
    nav-default:默认导航栏 导航栏默认样式 用于nav-->
<!--role="navigation" navigation:导航 有助于增加可访问性-->
<nav class="navbar navbar-default" role="navigation">
    <!--可以定义品牌图标-->
<!--    nav-header 导航头  主要指定div元素为导航条组件包裹品牌图标及切换按钮-->
    <div class="navbar-header">
<!--        nav-brand 导航品牌 <a>元素带有nav-brand可以让文本看起来更大一号 也负责左边logo区的默认样式（放置logo）-->
            <img src="images/moe.png" class="navbar-brand" id="nav-brand-itheima" >
    </div>
<!--    nav nav-bar 为了向导航栏添加链接 只需要简单地添加带有class.nav、.nav-bar的无序列表即可-->
<!--    nav-bar 负责竖版导航的填充、实现横板导航-->
    <ul class="nav navbar-nav">
        <li class="active"><a href="##">首页</a> </li>
        <li><a href="##">动漫新番</a> </li>
        <li><a href="##">动漫推荐</a> </li>
        <li><a href="##">动漫分类</a> </li>
    </ul>
</nav>
</body>
</html>